
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="content-style-type" content="text/css" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta name="keywords" content="" />
  <link rel="stylesheet" type="text/css" media="screen" href="./common.css" />
  <title>textile記法 | Redmine.JP</title>
</head>
<body>
<div class="container">
    <div class="main">
      <h1 class="title-l"><span class="caption">textile記法</span></h1>
      <p>Redmineでは、チケットの説明、注記、wikiなどでtextile記法が使えます。HTMLで可能な様々な表現が簡潔な記法で行えます。 <del>HTMLタグをそのまま使うことも出来ます。</del></p>
      <p>textile記法の最新のリファレンスは、 <a href="http://redmine.jp/tech_note/textile/" target='_blank'>Redmine.JP</a> で閲覧できます。</p>


<h2 class="title-m"><span class="caption">文字に対する書式</span></h2>
<table>
  <tr>
    <th style="text-align:center;">Textile</th>
    <th style="text-align:center;">説明・表示例</th>
  </tr>
  <tr>
    <td><code>*太字*</code></td>
    <td rowspan="5"><img src="./wiki-markup-fontstyle.png" alt="" /></td>
  </tr>
  <tr>
    <td><code>_斜体_</code></td>
  </tr>
  <tr>
    <td><code>+下線+</code></td>
  </tr>
  <tr>
    <td><code>-取消線-</code></td>
  </tr>
  <tr>
    <td><code>??引用??</code></td>
  </tr>
  <tr>
    <td><nobr>@コード@</nobr></td>
    <td>等幅フォントで表示されます。行内にソースコードなどを記述するのに使用します。複数行にわたるソースコードの場合は&lt;pre&gt;を使用してください。</td>
  </tr>
  <tr>
    <td>&lt;notextile&gt;&lt;/notextile&gt;</td>
    <td>タグの内側ではTextileを無効にします。</td>
  </tr>
</table>
<h2 class="title-m"><span class="caption">段落に対する書式</span></h2>
<p>Textileでは空行を段落の区切りと見なします。段落に対してはセンタリング、右寄せ、インデントなどの処理を行うことができます。</p>
<table>
  <tr>
    <th style="text-align:center;">Textile</th>
    <th style="text-align:center;">説明・表示例</th>
  </tr>
  <tr>
    <td><code>p&gt;.</code></td>
    <td>右寄せ</td>
  </tr>
  <tr>
    <td><code>p=.</code></td>
    <td>センタリング</td>
  </tr>
  <tr>
    <td><code>p(.</code></td>
    <td>左インデント。1個の&quot;(&quot;が1em(1文字分の幅)の左インデントに対応。<br/><br/>表示例:<br/><img src="./wiki-markup-indent.png" alt="" /></td>
  </tr>
  <tr>
    <td><code>p).</code></td>
    <td>右インデント。1個の&quot;)&quot;が1em(1文字分の幅)の右インデントに対応。<br/><br/>表示例（右寄せ＋右インデント）:<br/><img src="./wiki-markup-indent-right.png" alt="" /></td>
  </tr>
  <tr>
    <td><code>bq.</code></td>
    <td>引用。<br/><br/>表示例:<br/><img src="./wiki-markup-blockquote.png" alt="" /></td>
  </tr>
</table>
<h2 class="title-m"><span class="caption">整形済みテキスト</span></h2>
<p>ソースコードなど、整形やtextileによる解釈を行わせずそのまま表示したいテキストは、HTMLの&lt;pre&gt;タグで囲みます。</p>
<pre>
&lt;pre&gt;
#include &lt;stdio.h&gt;

void main() {
    printf(&quot;Hello, World.
&quot;);
}
&lt;/pre&gt;
</pre><p>C、html、Javascript、rhtml、Ruby、Scheme、XMLのソースコードはコードハイライトを行って見やすく表示することもできます。ただし、この機能はTextileそのものに備わっているものではなくRedmineでのみ利用可能な独自の拡張です。</p>
<p>コードハイライトを行うにはコード全体を&lt;code&gt;タグで囲み、class属性でソースコードの種別(&quot;c&quot;、&quot;css&quot;, &quot;html&quot;、&quot;java&quot;, &quot;javascript&quot;、&quot;php&quot;, &#8220;python&#8221;, &quot;rhtml&quot;、&quot;ruby&quot;、&quot;scheme&quot;、&quot;xml&quot;など)を指定します。</p>
<p>Redmine 1.0の場合、およそ20の形式に対応しています。対応形式とclass属性に指定する値の一覧は以下のページで確認できます。</p>
<ul>
  <li><a href="http://blog.redmine.jp/articles/syntax-hilight/">Redmineのシンタックスハイライトの対応形式</a> (Redmine.JP Blog)</li>
</ul>
<pre>
&lt;pre&gt;&lt;code class=&quot;c&quot;&gt;
#include &lt;stdio.h&gt;

void main() {
    printf(&quot;Hello, World.
&quot;);
}
&lt;/code&gt;&lt;/pre&gt;
</pre><p>表示例:<br />
<img src="./wiki-markup-preformatted-text.png" alt="" /></p>
<h2 class="title-m"><span class="caption">箇条書き（リストと番号付きリスト）</span></h2>
<table>
  <tr>
    <th style="text-align:center;">Textile</th>
    <th style="text-align:center;">説明・表示例</th>
  </tr>
  <tr>
    <td>* the<br/>* quick<br/>** brown<br/>*** fox<br/>*** jumps<br/>** over<br/>** the<br/>* lazy<br/>* dog<br/><br/># the<br/># quick<br/>## brown<br/>### fox<br/>### jumps<br/>## over<br/>## the<br/># lazy<br/># dog<br/></td>
    <td><img src="./wiki-markup-list.png" alt="" /></td>
  </tr>
</table>
<h2 class="title-m"><span class="caption">見出し</span></h2>
<table>
  <tr>
    <th style="text-align:center;">Textile</th>
    <th style="text-align:center;">説明・表示例</th>
  </tr>
  <tr>
    <td>h1. 見出し1<br/><br/>h2. 見出し2<br/><br/>h3. 見出し3<br/><br/>h4. 見出し4<br/><br/>h5. 見出し5<br/><br/>h6. 見出し6</td>
    <td><img src="./wiki-markup-heading.png" alt="" /></td>
  </tr>
</table>
<h3 class="title-s"><span class="caption">リンク</span></h3>
<p>リンクの記述の前後は、改行か半角スペースでなければなりません。日本語の文の中で前後に半角スペースを入れずにリンクの記述を行ってもリンクとして認識されません。注意してください。</p>
<p>＜例＞<br />
○： <code>サーバに "Redmine":http://redmine.jp/ をインストール。</code><br />
×： <code>サーバに"Redmine":http://redmine.jp/をインストール。</code></p>
<table>
  <tr>
    <th style="text-align:center;">Textile</th>
    <th style="text-align:center;">説明・表示例</th>
  </tr>
  <tr>
    <td><code>"Redmine.JP":http://redmine.jp/</code></td>
    <td><a href="http://redmine.jp/">Redmine.JP</a></td>
  </tr>
</table>
<h4>textile記述例</h4>
<p>&lt;pre&gt;puts &#8216;hello, world.&#8217;&lt;/pre&gt;</p>
<h4>結果</h4>
<pre>puts 'hello, world.'</pre>
<h3 class="title-s"><span class="caption">見出し</span></h3>
<p><code>h1.</code>から<code>h6.</code>まで使用できます。</p>
<h4>textile記述例</h4>
<pre>
h1. 見出し1

h2. 見出し2

h3. 見出し3

h4. 見出し4

h5. 見出し5

h6. 見出し6
</pre>
<h3 class="title-s"><span class="caption">テーブル</span></h3>
<table>
  <tr>
    <th style="text-align:center;">Textile</th>
    <th style="text-align:center;">説明・表示例</th>
  </tr>
  <tr>
    <td><nobr>&#124;コード&#124;県名&#124;位置&#124;</nobr><br/><nobr>&#124;31&#124;鳥取県&#124;島根の右&#124;</nobr><br/><nobr>&#124;32&#124;島根県&#124;鳥取の左&#124;</nobr></td>
    <td>文字列を&quot;&#124;&quot;で囲むとテーブルとして表示されます。<br/><br/>表示例:<br/><img src="./wiki-markup-table.png" alt="" /></td>
  </tr>
  <tr>
    <td>&#124;<code>_.</code> 県名 &#124;<code>_.</code> 県の魚&#124;<br/>&#124;鳥取県&#124;ヒラメ&#124;<br/>&#124;島根県&#124;トビウオ&#124;</td>
    <td>&#8220;_. &quot;を付けると、そのセルはテーブルヘッダ(<span class="caps">HTML</span>: &lt;th&gt;)として表示されます。<br/><br/>表示例:<br/><img src="./wiki-markup-table-header.png" alt="" /></td>
  </tr>
  <tr>
    <td>&#124;<code>_.</code> セルの属性一覧&#124;<br/>&#124;<code>&lt;.</code> 左寄せ&#124;<br/>&#124;<code>&gt;.</code> 右寄せ&#124;<br/>&#124;<code>=.</code> センタリング&#124;</td>
    <td><img src="./wiki-markup-table-align.png" alt="" /></td>
  </tr>
  <tr>
    <td>&#124;/2^. 上揃え&#124;行1&#124;<br/>&#124;行2&#124;<br/>&#124;/2~. 下揃え&#124;行3&#124;<br/>&#124;行4&#124;</td>
    <td><img src="./wiki-markup-table-valign.png" alt="" /></td>
  </tr>
  <tr>
    <td>&#124;<code>\2.</code> colspan&#124;<br/>&#124;列1&#124;列2&#124;</td>
    <td>&#8220;<code>\</code><var>n</var>&#8221;で横方向にセルを結合することができます。<var>n</var>には結合するセルの数を指定します。<br/><br/>表示例:<br/><img src="./wiki-markup-table-colspan.png" alt="" /></td>
  </tr>
  <tr>
    <td>&#124;<code>/2.</code> rowspan&#124;行1&#124;<br/>&#124;行2&#124;</td>
    <td>&#8220;<code>/</code><var>n</var>&#8221;で縦方向にセルを結合することができます。<var>n</var>には結合するセルの数を指定します。<br/><br/>表示例:<br/><img src="./wiki-markup-table-rowspan.png" alt="" /></td>
  </tr>
</table>
  </div>
  <p class="pagetop"><a href="#top"><img src="/styles/images/btn_pagetop.gif" width="108" height="23" alt="ページの先頭へ" class="ro" /></a></p>
</div><!-- /container -->


</body>
</html>
